<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
	$(function(){
		$(".degree-button").live("click",function(){
			$(this).parent().slideUp(function(){
				$(this).remove();
			});
			$("#words").append('<div class ="word"><h3>abort</h3><input type="button" value="test" class="degree-button"></div>');
		});
	});
</script>
<style type="text/css">
	.word{
		width: 500px;
		border-style: solid;
		border-width: 1px;
		margin: 10px;
	}
</style>
<title>Insert title here</title>
</head>
<body>
	<div id="words">	
		<div class ="word">
			<h3>apple</h3>
			<input type="button" value="test" class="degree-button">
		</div>
		<div class ="word">
			<h3>banana</h3>
			<input type="button" value="test" class="degree-button">
		</div>
		<div class ="word">
			<h3>egg</h3>
			<input type="button" value="test" class="degree-button">
		</div>
		<div class ="word">
			<h3>poke</h3>
			<input type="button" value="test" class="degree-button">
		</div>
	</div>
</body>
</html>